<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宿舍管理系统</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/public/lib/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/public/lib/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/public/lib/images/favicon-16x16.png">
    <link rel="manifest" href="/public/lib/images/site.webmanifest">
    <link rel="stylesheet" href="./lib/OSL/layui/css/layui.css">
    <link rel="stylesheet" href="./lib/fonts/icomoon/style.css">
    <link rel="stylesheet" href="./lib/css/index.css">
</head>

<body>
    <!-- 头部 logo -->
    <div class=""></div>
    <!-- 登录注册区域 -->
    <div class="LoginAndRegisterBox">
        <!-- 标题 -->
        <div class="title">
            <h2>宿舍管理系统</h2>
        </div>
        <!-- 登录区域 -->
        <div class="login_Box">
            <form class="layui-form" id="form_login">
                <!-- 学号 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="sno" required lay-verify="required" placeholder="请输入学号或工号"
                        class="layui-input">
                </div>
                <!-- 密码 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_pwd"></i>
                    <input type="password" name="password" required lay-verify="required|pwd" placeholder="请输入密码"
                        class="layui-input">
                </div>
                <!-- 选择角色 -->
                <div class="layui-form-item radio">
                    <input type="radio" name="access" value="0" title="学生" checked>
                    <input type="radio" name="access" value="2" title="宿舍管理员">
                    <input type="radio" name="access" value="3" title="系统管理员">
                </div>
                <!-- 登录按键 -->
                <div class="layui-form-item btn">
                    <!-- 表单提交按钮和普通按钮的区别，就是 lay-submit 属性 -->
                    <button class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit>登陆</button>
                </div>
                <!-- 去注册 -->
                <div class="layui-form-item links">
                    <a href="javascript:;" id="link_reg">学生注册</a>
                </div>
            </form>
        </div>
        <!-------------------------------------------------------------------->
        <!-- 注册区域 -->
        <div class="register_Box">
            <form class="layui-form" id="form_reg">
                <!-- 姓名 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="username" required lay-verify="required" placeholder="请输入姓名"
                        class="layui-input">
                </div>
                <!-- 性别 -->
                <div class="layui-form-item f_icon">
                    <!-- <i class="icon_user"></i> -->
                    <label class="layui-form-label sex">性别</label>
                    <div class="layui-input-block sel">
                        <select name="sex" lay-verify="required">
                            <option value=""></option>
                            <option value="男生">男生</option>
                            <option value="女生">女生</option>
                        </select>
                    </div>
                </div>
                <!-- 学号 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="sno" required lay-verify="required|sno" placeholder="请输入学号或工号"
                        class="layui-input">
                </div>
                <!-- 学院 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="college" required lay-verify="required" placeholder="请输入学院"
                        class="layui-input">
                </div>
                <!-- 班级 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="aclass" required lay-verify="required" placeholder="请输入班级"
                        class="layui-input">
                </div>
                <!-- 手机号 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_user"></i>
                    <input type="text" name="phone_number" required lay-verify="required|phone" placeholder="请输入手机号"
                        class="layui-input">
                </div>
                <!-- 密码 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_pwd"></i>
                    <input type="password" name="password" required lay-verify="required|pwd" placeholder="请输入密码"
                        class="layui-input">
                </div>
                <!-- 再次确认密码 -->
                <div class="layui-form-item f_icon">
                    <i class="icon_pwd"></i>
                    <input type="password" name="repassword" required lay-verify="required|pwd|repwd"
                        placeholder="请再次确认密码" class="layui-input">
                </div>

                <!-- 注册按键 -->
                <div class="layui-form-item btn bnt-register">
                    <!-- 表单提交按钮和普通按钮的区别，就是 lay-submit 属性 -->
                    <button class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit>注册</button>
                </div>

                <!-- 去登录 -->
                <div class="layui-form-item links">
                    <a href="javascript:;" id="link_login">返回登录</a>
                </div>
            </form>
        </div>
    </div>
    <script src="./lib/OSL/layui/layui.all.js"></script>
    <script src="./lib/OSL/jquery.js"></script>
    <script src="./lib/js/baseAPI.js"></script>
    <script src="./lib/js/index.js"></script>
</body>

</html>